<include file="Public/header" xmlns="http://www.w3.org/1999/html"/>
<include file="Public/menu" />
<link rel="stylesheet" href="/Public/admin/adminlte/bootstrap/css/bootstrap-switch.min.css">

<style>
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }


</style>

<!-- 内容页 -->
<div class="content-wrapper">
    <!-- 面包屑 -->
    <section class="content-header">
        <h1>
            统计
            <small>会员统计</small>
        </h1>
        <ol class="breadcrumb">
            <li><i class="fa fa-dashboard"></i> 首页</li>
            <li><a><i class="fa fa-dashboard"></i> 统计</a></li>
            <li class="active">会员日度统计</li>
        </ol>
    </section>

    <!-- 内容 -->
    <section class="content"><div class="row"><div class="col-md-12"><div class="box">
        <div class="box-body table-responsive">
            <br>
            <table class="table table-hover table-bordered text-center" style="width: 20%">

                <tr>
                    <th>上月新增会员</th>
                    <td>{$userNum}</td>
                </tr>

            </table>
            <br>
        </div>
        <div class="form-inline">

            <form  id="search_form" name="search_form" action=""  method="get" >
        <div class="box-header">

            <h3 class="box-title">日期选择</h3>

            <div class="input-group input-group-sm isOrderChangeDate" >
                <div class="input-group input-group-sm date form_datetime">
                    <input id="start_time" class="form-control" type="text" name="begintime" value="{$begintime}" readonly>
                </div>
                <div class="btn-group">-</div>
                <div class="input-group input-group-sm date">
                    <input id="end_time" class="form-control" type="text" name="endtime" value="{$endtime}" readonly>
                </div>
            </div>

            <div class="input-group input-group-sm">
                <div class="input-group-btn">
                    <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i></button>
                </div>
            </div>


        </div>

        </form>
        <!-- /.box-header -->
        <div class="box-body table-responsive">
            <table class="table table-hover table-bordered text-center">
                <tbody>
                <tr>
                    <th>日期</th>
                    <th>新增会员数</th>
                    <th>新增消费会员数</th>

                </tr>

                <volist name="list" id='item'>
                <tr>
                    <td>{$item['date']}</td>
                    <td>{$item['num']}</td>
                    <td>{$item['xf_num']}</td>

                </tr>
                </volist>
                </tbody>
            </table>
        </div>
        <div class="box-footer clearfix">
            {$page}
        </div>

        <!-- /.box-body -->
    </div></div></div>

    </section>
</div>

<script src="/Public/layer/layer.js"></script>
<script src="/Public/admin/laydate/laydate.js"></script>
<script>
    layerTime();
    function layerTime(){
        var start = {
            elem: "#start_time",
            format: 'YYYY-MM-DD',
            min: '1970-01-01 00:00:00', //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: false,
            istoday: false,
            choose: function(datas){
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: "#end_time",
            format: 'YYYY-MM-DD',
            min: '1970-01-01 00:00:00',
            max: '2099-06-16 23:59:59',
            istime: false,
            istoday: false,
            choose: function(datas){
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);
    }



</script>

<!-- 底部 -->
<include file="Public/common_footer" />